<!--
 * @Author: hesiyang hsy
 * @Date: 2024-03-03 17:16:53
 * @LastEditors: 沈言卿 13379879+shen-yanqing@user.noreply.gitee.com
 * @LastEditTime: 2024-03-04 22:29:06
 * @FilePath: \ipcamera\src\components\TitlePage.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<style scoped>
.titlePage {
    display: table-cell;
    vertical-align: middle;
    width: 100vw;
    height: 50px;
    background-color: #003399;
    overflow: hidden;
}
.title {
    margin-left: 5%;
    font-size: larger;
    color: #66CCFF;
}
.operation {
    margin-left: 72%;
    color: #66CCFF;
}
.operation a {
    margin-left: 1%;
    margin-right: 1%;
}
</style>

<template>
    <div class="titlePage">
        <!-- 网站logo -->
        <el-icon><VideoCameraFilled /></el-icon>
        <span class="title"><em><strong>实时摄像头</strong></em></span>
        <span class="operation"><a>个人中心</a>|<a>系统设置</a></span>
    </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
})
</script>
